<!DOCTYPE html>
<!-- 告诉浏览器下面的代码用html5语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 编码集：万国码 -->
		<title>页面</title>
	</head>
	<body>
	<!-- html 属性和属性值 [所有元素存在，元素和属性捆绑]  
	    功能：作效果  问题：针对一个元素有效
	-->	
	</body>
	<p align="right">lorem</p>
	<!-- css 作样式【效果】 针对全局
	前端： 内容与表现分离【html作结构，css作样式】
	    能使用css，不要用html元素中属性和属性值
		css3引入方式：①内部样式表---练习专用，代码量低
		             ②外部样式表---项目专用，代码量高
					 ③内联样式表---基本不用,代码冗余
					 ④引入样式表---根本不用，支持css2的引入方式【缺点：先内容后表现】
	 -->
	 <!-- c3明确规定属性和属性值用冒号链接，且冒号后面要空格 -->
	<p style="text-align: center">lorem1</p>
</html>
